<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index3.css">
</head>
<body>
        <!-- 头部开始 -->
        <header class="header">
            <!-- 工具条开始 -->

            <div class="toolbar-bg">
                <div class="toolbar">
                    <p class="">全国服务热线：400-000-0000</p>
                    <span class="fr">
                        <a href="javascript:;">设为首页</a>
                        <a href="javascript:;">加入收藏</a>
                    </span> 
                </div>
            </div>
            <!-- 工具条结束 -->
            <!-- logo和导航开始 -->
            <div class="logo-nav-bg">
                <div class="logo-nav">
                    <a href="index.html" class="fl logo">
                        <img src="images/logo.png" alt="">
                    </a>
                    <ul class="fr nav">
                            <li><a href="" class="cur"><span>首页 &nbsp;Home</span></a></li>
                            <li><a href=""><span>关于我们About</span></a></li>
                            <li><a href=""><span>产品中心Products</span></a></li>
                            <li><a href=""><span>服务支持Service</span></a></li>
                            <li><a href=""><span>新闻中心News</span></a></li>
                            <li><a href=""><span>在线商店Shop</span></a></li>
                            <li><a href=""><span>联系我们Contact Us</span></a></li>
                    </ul>
                </div>
            </div>   
            <!-- logo和导航结束 -->
        </header>
        <!-- 头部结束 -->
        <!-- 内容开始 -->
        <section class="content">
            <!-- 轮播图开始 -->
            <section class="banner">
                <a href="" class="banner-link">
                    <img src="./images/banne4.jpg" width="100%" height="218px" alt="">
                </a> 
            </section>
        <!-- 轮播图结束 -->
        <!-- 产品内容开始 -->
                <section class="Product">
                        <section class="bread-crumb">
                                <a href="index.html">首页</a>
                                >
                                <span>新品发布</span>
                        </section>
                        <div class="box">
                        <section class="pric">
                                <div class="pric-left">
                                    <img src="./images/prict1.png" alt="" class="img1">
                                    <img src="./images/prict2.jpg" alt="" class="img2">
                                </div>
                            </section>
                                <div class="pric-right">
                                    <div class="pric-right-li">
                                    <ul>
                                        <li class="li1">百万高清网络摄像机</li>
                                        <li class="li2">型号：S6207Y-WR</li>
                                        <li class="li3">描述</li>
                                        <li class="">100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                        <li>100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                        <li>100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                        <li>100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                        <li>100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                        <li>100万高清64GB TF卡 语音对讲 智能连接 手机观看</li>
                                    </ul>
                                    <div class="sumbit1">联系我们</div>
                                    <div class="sumbit2">立即购买</div>
                                    </div>
                                </div>
                       </div>
            
                </section>
                <div class="toolbar-bg">
                        <div class="toolbar">
                            <a href=""><span class="a1">产品描述</span></a>
                            <a href=""><span>规格参数</span></a>
                            <a href=""><span>产品图集</span></a>
                        </div>
                    </div>
        <!-- 产品内容结束 -->
        <div class="banner">
            <div class="nav1"><img src="./images/parictt1.jpg" alt=""></div>
            <div class="nav2"><img src="./images/prictt2.jpg" alt=""></div>
            <div class="nav3"><img src="./images/prictt3.jpg" alt=""></div>
            <div class="nav4"><img src="./images/prictt4.jpg" alt=""></div>
        </div>
        <div class="toolbar-bg">
                <div class="toolbar">
                    <a href=""><span class="a2">规格参数</span></a>

                </div>
            </div>
            <div class="nav5"><img src="./images/prictt5.jpg" alt=""></div>
            <div class="toolbar-bg">
                    <div class="toolbar">
                        <a href=""><span class="a2">更多产品</span></a>
    
                    </div>
            </div>
            <div class="nav6"><img src="./images/prictt6.jpg" alt=""></div>
            <footer class="footer">
                    <div class="chonglan">关注我们：</div>
                    <ul>
                        <li>网站首页 ·</li>
                        <li>新闻动态 ·</li>
                        <li>关于我们 ·</li>
                        <li>团队风采 ·</li>
                        <li>联系我们 ·</li>
                        <li>在线留言</li>
                    </ul>
                </footer>
            
                <div class="banquan">
                    <a href="">©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</a>
                </div>
        
            </footer>
</body>
</html>